extends layout

block content
  div.mdui-toolbar
    a(class="mdui-btn mdui-btn-icon")
      i(class='mdui-icon material-icons' onclick='onAccount()') &#xe851;
    span(class='mdui-typo-title')= title
    div(class='mdui-toolbar-spacer')

  ul.mdui-list
  each val, index in list
    li(class='mdui-list-item mdui-ripple')= index + ': ' + val.cn + ' ' + val.ko
      button(class='mdui-btn mdui-ripple right' onclick='onItem("'+val._id+'")') 查看
      button(class='mdui-btn mdui-ripple right' onclick='onView("'+val._id+'")') 记录
    li.mdui-divider

  if list.length < 20
    button(class='mdui-btn mdui-btn-block mdui-color-theme-accent mdui-ripple' onclick='onClick()') 查看更多>

  button(class='mdui-fab mdui-fab-fixed mdui-ripple' onclick='location.href="/topik"')
      i(class='mdui-icon material-icons') add

  script(src='/javascripts/topik.js')
